import styled from 'styled-components'

export const RegisterContainer = styled.div`
flex:1;
margin: 0 12%;
overflow-y:auto;

`
export const RegisterTitle = styled.div`
text-align:center;
color:#999;
height:.58rem;
line-height:.58rem;
em{
    padding: 0 .05rem;
    font-size:.14rem;
}
`
export const RegisterMidContainer = styled.div`
text-align:center;

input{
    background: #f5f5f5;
    border-radius: 20px;
    width: 100%;
    height: 36px;
    font-size: .14rem;
    color: #999999;
    text-align: left;
    text-indent: .21rem;
    border:none;
    margin-bottom:.2rem;
    outline:none;
}
`
export const RegisterBtn = styled.button`
background: #feb2c5!important;
border-radius: 20px;
width: 100%;
height: .36rem;
font-size: .14rem;
color: #ffffff;
line-height: .14rem;
text-align: center;
margin: .18rem auto 0 auto;
display: block;
border:none;
outline:none;
`
export const RegisterTips = styled.p`
    font-size: .12rem;
    color: #999999;
    height: .36rem;
    line-height: .36rem;
    text-align:center;
`
